<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- necessary -->
    <meta name="keywords" content="1,2,3">
    <meta name="description" content="">
    <!-- description -->
    <meta name="renderer" content="webkit">
    <title>碧沙康健_订单详情页</title>
    <!-- base -->
    <link href="../../ctrl/Font-Awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../ctrl/layui/css/layui.css" rel="stylesheet">
    <link href="../../ctrl/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/comm/base.css" rel="stylesheet">
    <link href="../../css/user/HK_Order.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <header class="clear full-w min-h-120 header">
        <div class="container">
            <div class="col-xs-2 pt-35 pb-35 pl-0 pr-0">
                <img src="../../img/index/logov1.png" alt="">
            </div>
            <div class="clear col-xs-10 pl-0 pr-0">
                <div class="col-xs-12 pt-20 pl-0 pr-0">
                    <ul class="clear h-30 line-h-30 pull-right">
                        <li class="pull-left pr-10"><a class="col-333 hovecol-black" href="../reg/register.html">注册</a></li>
                        <li class="pull-left pr-10"><a class="col-333 hovecol-black" href="../reg/login.html">登录</a></li>
                        <li class="pull-left pr-10"><a class="col-333 hovecol-black" href="">简</a></li>
                        <li class="pull-left pr-10"><a class="col-333 hovecol-black" href="">繁</a></li>
                        <li class="pull-left pr-5 col-333 cur-d hovecol-black">
                        <i class="icon-shopping-cart pr-5 f-14 col-333 hovecol-black"></i>
                            购物车(
                        <a class="col-333" href="../shopping/HK_Cart.html">0</a>
                        )
                        </li>
                        <li class="pull-left pr-5 pl-5 bg-eee hovebg-ddd mainsearch">
                            <input type="text" class="h-26 line-h-26 w-100 mt--2 mb-2 bor bor-col-ccc dis-n mainsearchinput">
                            <span class="col-333 t-nonehove cur-p" href=""><i class="icon-search pr-5 f-14"></i>搜索</span>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 pt-15 pl-0 pr-0">
                    <ul class="col-xs-10 clo-md-9 pull-left mainnav clear dis-ib pl-0 pr-0">
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7 " href="../index.html">首页</a></li>
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7" href="../about/HK_About.html">关于碧沙</a></li>
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7" href="../shopping/HK_shopping.html">网上商城</a></li>
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7" href="../news/HK_NewsIndex.html">健康咨询</a></li>
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7" href="../news/HK_HowToShop.html">购物指南</a></li>
                        <li class="col-xs-2 text-center f-14 cur-p pd-10 f-w"><a class="col-309DE2 t-nonehove pb-7" href="../about/HK_ContactUs.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="wrap clear">
        <div class="container pl-0 pr-0">
            <div class="clear">
                <p class="pt-10 pb-10 pl-15 pr-15 line-h-20 cur-d ">
                    <a class="col-666 t-nonehove hovecol-309DE2" href="">首页 </a> >
                    <span class="col-252525 t-nonehove">我的订单</span>
                </p>
            </div>
        </div>
        <div class="clear full-w">
            <img class="full-w" src="../../img/news/HK_NewsIndex/banner.jpg" alt="">
        </div>
        <div class="container mt-30 pl-0 pr-0 clear bg-f5f5f5 pt-30 pb-70 mb-60">
            <div class="col-sm-3 pl-30 pr-20">
                <div class="clear bg-white pd-40-10-ipad">
                    <p class="mt-10 mb-10 col-212121 f-30 line-h-40 cur-d">
                        订单中心
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-40 mb-20 cur-p hovecol-309DE2 col-active">
                        <a class="t-nonehove hovecol-309DE2 col-757575 col-active" href="HK_OrderCenter.html">我的订单</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_AppraiseCenter.html">评价晒单</a>
                    </p>
                    <p class="mt-30 mb-30 col-212121 f-30 line-h-40 cur-d">
                        个人中心
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_UserCenter.html">我的个人中心</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_ServiceList.html">充值服务</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_AddressManage.html">收货地址</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_SetPwd.html">账号安全</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_ServiceList.html">服务管理</a>
                    </p>
                    <p class="col-757575 f-20-16-ipad line-h-25 mt-20 mb-20 cur-p hovecol-309DE2">
                        <a class="t-nonehove hovecol-309DE2 col-757575" href="HK_AftersaleApplyfor.html">售后服务</a>
                    </p>
                </div>
            </div>
            <div class="clear col-sm-9 pr-30 pl-0">
                <div class="clear bg-white pb-280 pl-50 pr-50">
                    <p class="pt-40-20-ipad f-50-40-ipad col-757575 line-h-70-50-ipad pb-20">
                        订单详情
                    </p>
                    <div class="clear full-w">
                        <div class="clear pull-left f-20-14-ipad col-333 h-30 line-h-30 mb-10">
                            订单号：516548486454554
                        </div>
                        <div class="clear pull-right h-30 line-h-30 mb-10 ">
                            <button class="h-30 line-h-30 f-14 col-757575 bg-white w-110 text-center bor bor-col-ccc hovbg-757575 hovecol-white mr-20  cancellorder">
                                取消订单
                            </button>
                            <button class="h-30 line-h-30 f-14 bor-none col-white bg-309DE2 w-110 text-center hovbg-2D90CF" onclick="window.location.href='../shopping/HK_Payment.html';">
                                立即支付
                            </button>
                        </div>
                    </div>
                    <div class="clear bor bor-b bor-col-f5f5f5">
                    </div>
                    <!-- 在这里判断状态，根据值来判断要显示的内容 -->
                    <!-- 10下单，20已付款，21正在配货，22已出库，30交易成功，40已退款，50已关闭 -->
                    <input class="order-stateinputval" type="hidden" value="10">
                    <div class="clear order-statev1 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-309DE2 f-20 line-h-25">
                                等待付款
                            </p>
                            <p class="col-309DE2 f-14 line-h-20 pt-10">
                                23小时55分后订单将被关闭
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s bg-83c441 radius-13 text-center col-white pull-left">下单</div>
                            <div class="clear w-20s text-center col-424242 pull-left">付款</div>
                            <div class="clear w-20s text-center col-424242 pull-left">配货</div>
                            <div class="clear w-20s text-center col-424242 pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev2 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                已付款
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s bg-83c441 radius-13l text-center col-white pull-left bor bor-r bor-col-ccc">下单</div>
                            <div class="clear w-20s bg-83c441 radius-13r text-center col-white pull-left">付款</div>
                            <div class="clear w-20s text-center col-424242 pull-left">配货</div>
                            <div class="clear w-20s text-center col-424242 pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev3 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                正在配货
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s bg-83c441 radius-13l text-center col-white pull-left bor bor-r bor-col-ccc">下单</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">付款</div>
                            <div class="clear w-20s bg-83c441 radius-13r text-center col-white pull-left">配货</div>
                            <div class="clear w-20s text-center col-424242 pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev4 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                已出库
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s bg-83c441 radius-13l text-center col-white pull-left bor bor-r bor-col-ccc">下单</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">付款</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">配货</div>
                            <div class="clear w-20s bg-83c441 radius-13r text-center col-white pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev5 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                交易成功
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s bg-83c441 radius-13l text-center col-white pull-left bor bor-r bor-col-ccc">下单</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">付款</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">配货</div>
                            <div class="clear w-20s bg-83c441 text-center col-white pull-left bor bor-r bor-col-ccc">出库</div>
                            <div class="clear w-20s bg-83c441 radius-13r text-center col-white pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev6 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                订单已退款
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s text-center col-424242 pull-left">下单</div>
                            <div class="clear w-20s text-center col-424242 pull-left">付款</div>
                            <div class="clear w-20s text-center col-424242 pull-left">配货</div>
                            <div class="clear w-20s text-center col-424242 pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear order-statev7 dis-n">
                        <div class="clear pt-20 pb-20">
                            <p class="col-b0b0b0 f-20 line-h-25">
                                订单已关闭
                            </p>
                        </div>
                        <div class="clear mt-5 mb-5 radius-13 bg-eee h-25 line-h-25 cur-d">
                            <div class="clear w-20s text-center col-424242 pull-left">下单</div>
                            <div class="clear w-20s text-center col-424242 pull-left">付款</div>
                            <div class="clear w-20s text-center col-424242 pull-left">配货</div>
                            <div class="clear w-20s text-center col-424242 pull-left">出库</div>
                            <div class="clear w-20s text-center col-424242 pull-left">交易成功</div>
                        </div>
                    </div>
                    <div class="clear mt-5 mb-5 h-25 line-h-25 cur-d">
                        <div class="clear w-20s col-757575 text-center pull-left">09月13日 17:03</div>
                    </div>
                    <div class="clear bor bor-b bor-col-cfeeab pt-20 pb-10">
                        <span class="col-757575">
                            物流公司：顺丰
                        </span>
                        <span class="ml-20 col-757575">
                            运单号：1991123456789
                        </span>
                    </div>
                    <div class="clear full-w pt-20 pb-20">
                        <div class="clear full-w">
                            <div class="col-sm-1 col-md-1 pl-0 pr-0 mt-15 mb-15">
                                <img class="img-60-35-ipad" src="../../img/user/Order/Order-Contertipsv1.png" alt="">
                            </div>
                            <div class="col-sm-7 col-md-5 col-lg-4 f-14 col-333 h-60-35-ipad line-h-60-ipad mt-15 mb-15 text-line-1">
                                HC3A250 悉心动态心电记录仪
                            </div>
                            <div class="col-sm-4 col-md-6 col-lg-7 f-14 col-333 h-60-35-ipad line-h-60-ipad mt-15 mb-15">
                                1180元 × 1
                            </div>
                            <div class="clear bor bor-b bor-col-f5f5f5 full-w">
                            </div>
                        </div>
                        <div class="clear full-w">
                            <div class="col-sm-1 col-md-1 pl-0 pr-0 mt-15 mb-15">
                                <img class="img-60-35-ipad" src="../../img/user/Order/Order-Contertipsv1.png" alt="">
                            </div>
                            <div class="col-sm-7 col-md-5 col-lg-4 f-14 col-333 h-60-35-ipad line-h-60-ipad mt-15 mb-15 text-line-1">
                                HC3A250 悉心动态心电记录仪
                            </div>
                            <div class="col-sm-4 col-md-6 col-lg-7 f-14 col-333 h-60-35-ipad line-h-60-ipad mt-15 mb-15">
                                1180元 × 1
                            </div>
                            <div class="clear bor bor-b bor-col-f5f5f5 full-w">
                            </div>
                        </div>
                    </div>
                    <div class="clear pt-15 pb-20">
                        <p class="mb-15 f-20 col-333">
                            收货信息
                        </p>
                        <p class="f-14 col-757575 mt-20 line-h-20">
                            <span class="col-757575">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                            <span class="col-757575 ml-10">游先生</span>
                        </p>
                        <p class="f-14 col-757575 mt-15 line-h-20">
                            <span class="col-757575">联系电话：</span>
                            <span class="col-757575 ml-10">138****8000</span>
                        </p>
                        <p class="f-14 col-757575 mt-15 line-h-20 mb-30">
                            <span class="col-757575">收货地址：</span>
                            <span class="col-757575 ml-10">广东 深圳市 宝安区 全至科技创新园10E</span>
                        </p>
                        <div class="clear bor bor-b bor-col-f5f5f5 full-w">
                        </div>
                    </div>
                    <div class="clear pt-15 pb-20">
                        <p class="mb-15 f-20 col-333">
                            支付方式
                        </p>
                        <p class="f-14 col-757575 mt-20 line-h-20 mb-30">
                            <span class="col-757575">支付方式：</span>
                            <span class="col-757575 ml-10">微信支付</span>
                        </p>
                        <div class="clear bor bor-b bor-col-f5f5f5 full-w">
                        </div>
                    </div>
                    <div class="clear full-w pt-20 pb-20">
                        <div class="clear">
                            <div class="col-md-10 col-sm-9 pl-0 pr-0 text-right f-14 col-757575 line-h-25">
                                商品总价：
                            </div>
                            <div class="col-md-2 col-sm-3 pl-0 pt-0 text-right f-14 col-309DE2 line-h-25">
                                2360 元
                            </div>
                        </div>
                        <div class="clear">
                            <div class="col-md-10 col-sm-9 pl-0 pr-0 text-right f-14 col-757575 line-h-25">
                                优惠金额：
                            </div>
                            <div class="col-md-2 col-sm-3 pl-0 pt-0 text-right f-14 col-309DE2 line-h-25">
                                -0 元
                            </div>
                        </div>
                        <div class="clear">
                            <div class="col-md-10 col-sm-9 pl-0 pr-0 text-right f-14 col-757575 line-h-25">
                                运费：
                            </div>
                            <div class="col-md-2 col-sm-3 pl-0 pt-0 text-right f-14 col-309DE2 line-h-25">
                                30 元
                            </div>
                        </div>
                        <div class="clear pt-10 pb-10">
                            <div class="col-md-10 col-sm-9 pl-0 pr-0 text-right f-14 col-757575 line-h-25">
                                实付金额：
                            </div>
                            <div class="col-md-2 col-sm-3 pl-0 pt-0 text-right f-14 col-309DE2 line-h-25">
                                <span class="f-22 mr-5 col-309DE2">2390</span>元
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="full-w bg-E9E9E9 footer">
        <div class="container pt-20 pb-20">
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w col-8c8c8c t-nonehove hovecol-999 cur-p">关于碧沙</li>
                    <li class="pt-20"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_About.html">公司简介</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_About.html">服务宗旨</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_About.html">经营理念</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_About.html">经营理念</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w"><a class="col-8c8c8c t-nonehove hovecol-999" href="">网上商店</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w col-8c8c8c t-nonehove hovecol-999 cur-p">健康咨询</li>
                    <li class="pt-20"><a class="col-8c8c8c t-nonehove hovecol-999" href="../shopping/HK_Pro_details.html">新品推荐</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../shopping/HK_Pro_details.html">最新动态</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_NewsContent.html">健康新闻</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w col-8c8c8c t-nonehove hovecol-999 cur-p">购物指南</li>
                    <li class="pt-20"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_HowToShop.html">购物流程</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_HowToShop.html">送货详情</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_HowToShop.html">付款方式</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_HowToShop.html">常见问题</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../news/HK_HowToShop.html">售后政策</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w col-8c8c8c t-nonehove hovecol-999 cur-p">联络我们</li>
                    <li class="pt-20"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_ContactUs.html">联络我们</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_ContactUs.html">免责声明</a></li>
                    <li class="pt-10"><a class="col-8c8c8c t-nonehove hovecol-999" href="../about/HK_ContactUs.html">隐私原则</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <ul class="">
                    <li class="f-14 f-w"><a class="col-8c8c8c t-nonehove hovecol-999" href="">关于我们</a></li>
                    <li class="clear pt-20">
                        <div class="pull-left pr-20">
                            <a href=""><img src="../../img/index/sharetips1.png" alt=""></a>
                        </div>
                        <div class="pull-left">
                            <a href=""><img src="../../img/index/sharetips2.png" alt=""></a>
                        </div>
                    </li>
                    <li class="clear pt-10">
                        <div class="pull-left pr-20">
                            <a href=""><img src="../../img/index/sharetips3.png" alt=""></a>
                        </div>
                        <div class="pull-left">
                            <a href=""><img src="../../img/index/sharetips4.png" alt=""></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container pt-10 pb-10">
            <p class="text-center col-8c8c8c line-h-20 cur-d">
                本网站内所示之图片只供参考
            </p>
            <p class="text-center col-8c8c8c line-h-20 cur-d">
                Copyright©2017. <a class="col-8c8c8c t-nonehove hovecol-999" href="">碧莎科技(香港) 有限公司</a> All Rights Reserved.
            </p>
        </div>
    </footer>
    <script src="../../js/comm/jquery.min.js"></script>
    <script src="../../ctrl/layui/layui.js"></script>
    <script src="../../ctrl/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../../js/comm/base.js"></script>
    <script src="../../js/user/HK_OrderDetails.js"></script>

</body>

</html>